@mixin flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 定义一个 mixin 用于设置弹性布局并让子元素沿主轴均匀分布且交叉轴居中
@mixin flex-space-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

// 定义一个 mixin 用于设置弹性布局并让子元素沿主轴两端对齐且交叉轴居中
@mixin flex-space-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@mixin flex-align-center {
  display: flex;
  align-items: center;
}

@mixin flex-justify-center {
  display: flex;
  justify-content: center;
}

@mixin border-0 {
  border: 0;
}

@mixin h4-font-size {
  font-size: .64rem;
}

@mixin i-font-size {
  font-size: .3733rem;
}

// 定义一个 mixin 用于设置横向滚动布局并隐藏滚动条
@mixin horizontal-scroll-hidden {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

// 定义一个 mixin 用于设置纵向滚动布局并隐藏滚动条
@mixin vertical-scroll-hidden {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  -ms-overflow-style: none;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

// 去除input选中边框
@mixin input-focus-outline-none {
  outline: none;
}